<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="">
    <meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
	<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
    <title>Mobile Shop</title>
		<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400" rel="stylesheet">
	<!-- Animate.css -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/owl.carousel.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/owl.theme.default.min.css">

	<!-- Flexslider  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/flexslider.css">

	<!-- Pricing -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/pricing.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style1.css">

	<!-- Modernizr JS -->
	<script src="${pageContext.request.contextPath}/js/modernizr-2.6.2.min.js"></script>
    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css"  type="text/css">
	
	<!-- Custom CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
	
	
	<!-- Custom Fonts -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/font-awesome/css/font-awesome.min.css"  type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/fonts/font-slider.css" type="text/css">
	
	<!-- jQuery and Modernizr-->
	<script src="${pageContext.request.contextPath}/js/jquery-2.1.1.js"></script>
	
	<!-- Core JavaScript Files -->  	 
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<!--Top-->
	
	<div id="page">
	<nav class="fh5co-nav" role="navigation">
		<div class="top">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 text-right">
						<p class="num"><a href="${pageContext.request.contextPath }/userInfo/seeInfo.do">我的账户</a></p>
						<p class="num"><a href="#">站内信</a></p>
					</div>
				</div>
			</div>
		</div>
		<div class="top-menu">
			<div class="container">
				<div class="row">
					<div class="col-xs-2">
						<div id="fh5co-logo"><a href="#"><i class="icon-study"></i>开啃<span>.</span></a></div>
					</div>
					
					<div class="col-xs-4">

						<form action="${pageContext.request.contextPath }/goods/getGoodsByName.do">
	
							<input type="text" placeholder="Search here..." name="name">
							<input type="submit" value="搜索">
						
						</form>

					</div>
					<div class="col-xs-6 text-right menu-1">
						<ul>
							<li class="active"><a href="${pageContext.request.contextPath }/goods/shouye.do">首页</a></li>
							<li><a href="#">商品上新</a></li>
							<li class="has-dropdown"><a href="#">商品分类</a>
							<ul class="dropdown">
							<li><a href="${pageContext.request.contextPath }/goods/getWenxue.do">文学小说</a></li>
							<li><a href="${pageContext.request.contextPath }/goods/getSheke.do">社科图书</a></li>
							<li><a href="${pageContext.request.contextPath }/goods/getErtong.do">儿童图书</a></li>
							<li><a href="${pageContext.request.contextPath }/goods/getJiaoxue.do">教学教辅</a></li>
						    </ul></li>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">联系我们</a></li>
							<li class="btn-cta"><a href="${pageContext.request.contextPath }/cart/seeCart.do"><span>购物车</span></a></li>

						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</nav>

	<!--//////////////////////////////////////////////////-->
	<!--///////////////////Cart Page//////////////////////-->
	<!--//////////////////////////////////////////////////-->
	<div id="page-content" class="single-page">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<ul class="breadcrumb">
						<li><a href="#">Home</a></li>
						<li><a href="#">Cart</a></li>
					</ul>
				</div>
			</div>
			
			
			
			
			<c:forEach items="${carts}" var="temp">
			<div class="row">
				<div class="product well">
					<div class="col-md-3">
						<div class="image">
							<img src="${pageContext.request.contextPath}/images/${temp.id}.jpg" />
						</div>
					</div>
					<div class="col-md-9">
						<div class="caption">
							<div class="name"><h3><a href="#">书名：${temp.name}</a></h3></div>
							<div class="info">
								<ul>
									<li>作者: ${temp.author}</li>
									<li>出版社: ${temp.publisher}</li>
								</ul>
							</div>
							<div class="price">${temp.kou}<span>${temp.price}</span></div>
							<label>Qty: </label> <input class="form-inline quantity" type="text" value=${temp.number}>
							<hr>
							<a href="${pageContext.request.contextPath}/cart/deleteCart.do?tel=${temp.tel}&id=${temp.id}" class="btn btn-default pull-right">移除</a>
							<a href="${pageContext.request.contextPath}/order/cartBuy.do?id=${temp.id}" class="btn btn-default pull-right">购买</a>
							
						</div>
					</div>
					<div class="clear"></div>
				</div>	
			</div>
			</c:forEach>
			

		</div>
	</div>	
<footer id="fh5co-footer" role="contentinfo" style="background-image: url(images/img_bg_4.jpg);">
		<div class="overlay"></div>
		<div class="container">
			<div class="row row-pb-md">
				<div class="col-md-3 fh5co-widget">
					<h3>关于开啃</h3>
					<p>我们竭尽所能的为您提供所有的好书，无论是购买还是欣赏，我们都欢迎您的加入</p>
				</div>
				<div class="col-md-3 col-sm-4 col-xs-6 col-md-push-1 fh5co-widget">
					<h3>网站服务</h3>
					<ul class="fh5co-footer-links">
						<li><a href="#">书籍搜索</a></li>
						<li><a href="#">书目分类</a></li>
						<li><a href="#">书籍购买</a></li>
						<li><a href="#">好书欣赏</a></li>
						<li><a href="#">留言评论</a></li>
					</ul>
				</div>

				<div class="col-md-3 col-sm-4 col-xs-6 col-md-push-1 fh5co-widget">
					<h3>书籍分类</h3>
					<ul class="fh5co-footer-links">
						<li><a href="#">外国文学</a></li>
						<li><a href="#">幼儿教育</a></li>
						<li><a href="#">教辅图书</a></li>
						<li><a href="#">现代文学</a></li>
						<li><a href="#">古代文学</a></li>
					</ul>
				</div>

				<div class="col-md-3 col-sm-4 col-xs-6 col-md-push-1 fh5co-widget">
					<h3>联系我们</h3>
					<ul class="fh5co-footer-links">
						<li><a href="#">站内留言</a></li>
						<li><a href="#">发送邮件</a></li>
						<li><a href="#">商品评论</a></li>
						<li><a href="#">电话服务</a></li>
					</ul>
				</div>

			</div>

		</div>
	</footer>
</body>
</html>
